iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 12
1
Modern Web

以前端角度探討遊戲化的資訊設計系列 第 12

Day 12 - 時間軸度的事件處理

  • 分享至 

  • xImage
  •  
const ticker = new SimpleTicker()
  .wait(200) // 先等待 200 幅的時間
  .loop(10, counts => {
    // 在接下來的 10 幅做這件事
    console.log(counts); // 10, 9, 8, ......, 1
  })
  .end(() => { 
    // 全部結束後做下一件事
  });
ticker.go(); //觸發此計時器
const ticker = new SimpleTicker()
  .wait(200) // 先等待 200 幅的時間
  .doOnce(() => {
    // 等待完後做下一件事
  });
ticker.go(); //觸發此計時器
this.dialogue.chatQueue
  .addChat({person: 'KP', imagePath: '...', first: true})
  .addChat({person: 'NONAME', imagePath: '...'})
  .addChat({person: 'KP', imagePath: '...'})
  .addChat({person: 'NONAME', imagePath: '...'})
  .addChat({person: 'NONAME', imagePath: '...'})
  .play(someCB);
// 註:this 是對話場景的 instance,imagePath 就是該對話要顯示的文字圖檔

皆取自 奔跑吧!台北:程式幕後分享

之後再分享研究與實作

奔跑吧!台北:程式幕後分享


上一篇
Day 11 - 介紹資訊設計對話式遊戲
下一篇
Day 13 - queue
系列文
以前端角度探討遊戲化的資訊設計13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言